<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">

    <title>HTML debugging examples</title>

    <!--[if lt IE 9]>
      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
  </head>

  <body>
    <h1>HTML debugging examples</h1>

      <p>What causes errors in HTML?</p>

    <ul>
        <li>Unclosed elements: If an element is <strong>not closed properly, then its effect can spread to areas you didn't intend</strong>

      <li>Badly nested elements: Nesting elements properly is also very important for code behaving correctly. <strong>strong <em>strong emphasised?</em> what is this?</strong>

      <li>Unclosed attributes: Another common source of HTML problems. Let's look at an example: <a href="https://www.mozilla.org/">link to Mozilla homepage</a> 
    </ul>
  </body>
</html>